
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #D4E9E6;
}

ul#avmenu {
padding: 0;
font-size: 15px;
list-style-type: none;
}

ul#avmenu li a {
padding: 5px 10px;
background-color: #80C2BB;
color: #0f3575;
text-decoration: none;
display: block;
margin-bottom: 10px;
z-index : 1;
overflow: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul#avmenu a:hover {
background: #fff;
color: #07204a;
}

ul#submenu {
margin: 5px 0 30px 0;
padding: 0;
list-style-type: none;
font-size: 15px;
}

ul#submenu li {
display: inline;
}

ul#submenu li a {
padding: 5px 10px;
color: #0f3575;
border-bottom: 2px dotted;
text-decoration: none;
}

ul#submenu li a#current {
    color: #07204a;
    border-bottom: 2px solid;
}


ul#submenu a:hover {
color: #07204a;
border-bottom: 2px solid;
}

#container { 
margin: 0 auto;
margin-top: 10px;
width: 922px;
z-index : 1;
overflow: auto;
background-color : #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
box-shadow: 0px 0px 10px #888;

}
#header {
 width: 900px;
 float: left;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #2E786E;
 border: 1px solid #2E786E;
 color: #07204a;
}

#header h1{
    font-size: 54px;
    text-align: left;
    margin: 15px 0px 0px 25px;
}

#header .loggedUser {
    float:right;
    margin-right: 35px;
}

#header .currentUser {
    font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
}

#header .loggedUser a{
    color: #07204a;
}


#menu { 
 background: #498078;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 640px;
 width: 195px;
 float: left;
  border: 1px solid #498078;
}


#body { 
 float: right;
 background: #80C2BB;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 640px;
 width: 678px;
 display: inline;
 border: 1px solid #80C2BB;
 overflow: auto;

}
#footer { 
 width: 900px;
 clear: both;
 background: #2E786E;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: right;
 border: 1px solid #2E786E ;
 color: #07204a;

}



#error {
    text-align: center;
    /*background-color:#ffebe8;*/
    /*border:1px solid #dd3c10;*/
    color:red;
    font-weight:600;
}

#table {
    width: 640px;
    border-collapse: collapse;
    text-align: left;
}
#table th {
	font-size: 14px;
	font-weight: bold;
	color: #0f3575;
	padding: 10px 8px;
	border-bottom: 2px solid #fff;
}
#table td {
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 6px 8px;
}
#table tbody tr:hover td {
	color: #0f3575;
}


form {
    margin: 5px;
}

label {
     color: #07204a;
     font-size: 15px;
}

input {
    width: 150px;
    padding: 5px 10px;
    color: #07204a; 
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:none;
}

select {
    width: 170px;
    padding: 5px 35px;
    display:block;
    background: #fff;
        -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:none;
}

.button {
    width: 80px;
    margin: 10px 0;
    padding: 10px 15px 10px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #2E786E;
    border: none;
}

.button:hover {
    background: #fff;
}
